<template>
    <div>
      <el-table
        :data="tableData"
        stripe
        border
        :header-cell-style="{textAlign: 'center',background:'#fafafa'}"
        :cell-style="{ textAlign: 'center' }"
        style="width: 100%">
        <el-table-column
          prop="name"
          label="广告名称">
        </el-table-column>
        <el-table-column
          prop="picUrl"
          label="图片">
        </el-table-column>
        <el-table-column
          prop="picUrl"
          label="图片">
        </el-table-column>
        <el-table-column
          prop="operation"
          label="操作">
          <template slot-scope="props">
            <div class="opon">
              <!--<div @click="preview(props.row)">预览</div>-->
              <div @click="modify(props.row)">修改</div>
            </div>
          </template>
        </el-table-column>
      </el-table>
    </div>
</template>
<style></style>
<script>
    export default {
        data() {
            return {
              msg: 'vue模板页',
              tableData: []
            }
        },
        mounted(){
          this.getActivitylist()
        },
        methods: {
          getActivitylist(){
            this.$http({
              url: this.$http.adornUrl('/v1/activity/list'),
              method: 'get',
              params: this.$http.adornParams()
            }).then((res) => {
              console.log(res)
              this.tableData = res.data.data
            }).catch((err) => {

            });
          }
        }
    }
</script>
